@charset "utf-8";
@font-face {  
	font-family: "impact"; font-weight: normal; font-style: normal;
	src: url('impact-webfont.eot');
	src: url('impact-webfont.eot?#iefix') format('embedded-opentype'),
		 url('impact-webfont.woff') format('woff'),
		 url('impact-webfont.ttf') format('truetype'),
		 url('impact-webfont.svg#Futura') format('svg');
} 
body {margin: 0px;padding: 0px; font-family: arial, 微软雅黑, sans-serif;font-size:12px;color:#666666;  background:url(../images/topbg.gif) center top no-repeat; line-height:24px;}
td {font-size: 12px;}
img {border:none;}
form,input,select,button {vertical-align:middle; margin: 0px;padding: 0px;font-family:Arial, Helvetica, sans-serif;color:#666; font-size:12px;}
p,ul,li,h1,h2,h3,h4,h5,dl,dt,dd,em,div,i,b {margin: 0px;padding: 0px; font-style:normal; list-style:none; text-indent:0px;}
a:active{star:expression(this.onFocus=this.blur());} 
:focus{outline:none;}
a:focus,button:focus{outline:none; -moz-outline:none;}
::-moz-focus-inner{border:0px;outline:none;}

.clear {margin:0px; padding:0px; clear:both;}
.fl{ float:left;}.fr{ float:right;}

/* ----- Links ----- */
a {text-decoration:none; color:#333333;}
a:hover {text-decoration:underline;color:#044687;}


/* ----- top css ----- */
.topbg{ background:url(../images/topbg.gif) center top repeat-y; height:100px;}
#head{width:1000px; margin:0px auto;}
#head .logo{ float:left;}
#head .search{ float:right; background-image:url(../images/inputbg.gif); width:160px; height:27px; padding:3px 0px 0px 10px; margin:35px 0px 0px 10px; display:inline;}
#head .search .input{ border:0px; color:#999999; height:24px; line-height:24px; width:132px;}

/* ----- Navigation ----- */
#nav { float:right; height:100px;}
#nav ul{ float:left;}
#nav li{ float:left; position:relative; z-index:999;}
#nav li .aon a{display:block;height:100px;font-weight: bold; line-height:100px; text-align:center; color:#666666; width:98px; border-right:1px solid #dddddd;}
#nav li .aon .sele{ color:#fff; text-decoration:none; background: #034c93 url(../images/arr_nav.gif) center bottom no-repeat;}
#nav .subnav{ text-align:left; position:absolute; left:0px; top:100px;padding-left: 15px; width:150%; padding-bottom:5px; background-image:url(../images/subnav.png); display:none;}
#nav .subnav dd{ line-height:23px; padding:10px 0px 3px 0px;}
#nav .subnav dd a.current{ color:#044687;}

#nav .version{ float:right; width:83px; background:url(../images/versionbg.gif) 0px top no-repeat; text-align:center;}
#nav .version span{ display:block; padding-top:39px; height:61px; line-height:24px; cursor:pointer; color:#5c5c5c; position:relative; z-index:99; background:url(../images/arr_version.gif) center 63px no-repeat;}
#nav .version .ul{ display:none; width:100%; position:absolute; top:68px; left:0px;}
#nav .version a{ color:#034c93; display:block; width:100%;font-weight: bold;}
#banner{background:#FFF;position:relative;overflow:hidden;}
#banner ul{max-width:100%;position:relative;}
#banner ul li{max-width:100%;position:absolute;left:0;}
#banner li img{height:auto;display:block;}
#banner .preNext{width:20px;height:38px;position:absolute;z-index:1000;top:44%;cursor:pointer;}
#banner .pre{left:10px;}#banner .next{right:10px;}
#banner .p-hover,#banner .n-hover{width:25px;height:41px;}
#banner .btn{position:absolute;left:0;bottom:20px;text-align:center;width:100%;}
#banner .btn span{width:25px;height:10px;margin-right:5px;overflow:hidden; background-color:#fff;display:inline-block;cursor:pointer;}
#banner .preNext,#banner .btn span{}
#banner .pre{background-position:-91px -4px;}
#banner .next{background-position:-113px -4px;}
#banner .p-hover{background-position:-133px -4px;}
#banner .n-hover{background-position:-157px -4px;}
#banner .btn span{background-color:#fff;}
#banner .btn span.on{ background-color:#f08600;}
#banner .text_f{display:block; position:absolute; top:50%; left:0;}
#banner .text_position0{left:-500px;}
#banner .text_position1{top:43%;left:-500px;}
#banner .text_position2{top:40%;left:-17%;}

#J-slides{position:relative;max-width:1600px;max-height:650px; z-index:1;}
#J-slides img{max-width:1600px;max-height:650px}.txac{text-align:center}
.slidesjs-pagination{ position:absolute; hieght:15px; overflow:hidden; text-align:center; bottom:30px; left:0px; width:100%; z-index:99;}
.slidesjs-pagination li{ width:12px; hieght:12px; display:inline-block;*display:inline; zoom:1;}
.slidesjs-pagination li a{ display:block; text-indent:100em;}
.slidesjs-pagination li .active{ background:;}

a#back_top{position:fixed;right:50px;bottom:70px;display:block;width:42px;height:42px;text-indent:-9999px;background: url(../images/topicon.png) no-repeat;outline:0}a#back_top:hover{background-position:right top;}
a#qqicon{ position:fixed; z-index:999; right:0px; top:50%; margin-top:-25px; background-image:url(../images/qq.gif); width:47px; height:50px; display:block;}

.aboutcon{ padding:71px 0px 72px 0px; width:1000px; margin:0px auto;}
.aboutcon .title{ color:#333333; font-size:40px; line-height:87px; margin-bottom:56px; background:url(../images/titlebg.gif) center top no-repeat; text-align:center; letter-spacing:0.25em; text-transform:uppercase;}
.aboutcon p{ font-size:14px;}
.aboutcon a.more{ background-image:url(../images/morebg.gif); width:180px; height:52px; display:block; margin:66px auto 0px; line-height:40px; text-align:center; color:#333333;letter-spacing:0.25em; text-transform:uppercase;}
.aboutcon .frist{ color:#999999; line-height:18px; padding:15px 50px 0px 0px; width:360px; float:left;}
.aboutcon .frist .tit{ line-height:44px; padding-top:2px; font-size:16px;}
.aboutcon .news{ width:354px; float:left;}
.aboutcon .news li{ padding:15px 0px 19px 0px;color:#999999; line-height:18px;}
.aboutcon .news li .tit{ font-size:18px; line-height:60px; height:89px;}
.aboutcon .news li .tit .date{ background-image:url(../images/datebg.gif); float:left; text-align:center; width:60px; height:72px; margin-right:10px; display:inline; line-height:15px; font-size:12px; font-weight:normal; color:#666666;}
.aboutcon .news li .tit .date span{font-family: "impact"; color:#333333; display:block; font-size:22px; line-height:25px; padding-top:11px;}
.aboutcon .newsr{ font-weight:bold;letter-spacing:0.2em; font-size:20px; line-height:45px; text-transform:uppercase; float:right; margin:15px -25px 0px 0px; padding:51px 0px 0px 11px; width:205px; height:209px; background:url(../images/newsrbg.gif) no-repeat;}
.aboutcon .support{ position:relative; width:1200px; margin-left:-200px; padding-top:8px; text-align:center;}
.aboutcon .support dd{ margin:0px 0px 10px 200px; display:inline; float:left; width:400px; height:100px; line-height:100px; font-size:18px;}
.aboutcon .support dd a{ display:block; color:#fff; font-weight:bold; background-color:#666666; text-decoration:none;}
.aboutcon .support dd a:hover{ background: #000000 url(../images/arr_down.gif) center 67px no-repeat;}
.aboutcon .support .more{ font-weight:bold; position:absolute; left:609px; top:8px; width:180px; height:210px; background-image:url(../images/morebg4.gif); font-size:24px;}
.aboutcon .support .more span{ text-align:center; padding:38px 0px 0px 30px; line-height:37px;letter-spacing:0.2em; display:block; margin-bottom:44px;}
.aboutcon .support .more .f1{letter-spacing:-0.1em;}
.aboutcon .support .more .f1 i{ display:block; font-size:34px;}

.productcon{ background:url(../images/productbg.jpg) center top no-repeat; height:400px; font-size:20px;}
.productcon dl{ width:1000px; margin:0px auto;}
.productcon dl dd{ position:relative; border-left:1px solid #000;border-bottom:1px solid #000; display:inline; line-height:36px; text-align:center; float:left; width:199px; height:199px;}
.productcon dl dd span{ display:table-cell; height:199px; vertical-align:middle; width:199px;}
.productcon dl dd a{transition:all 0.2s linear; -webkit-transition:all 0.2s linear; position:absolute; width:199px; height:199px; top:0px; left:0px; color:#fff; font-weight:bold; background-color:#034c93; text-decoration:none;}
.productcon dl dd a:hover{width:220px; height:220px; top:-10px; left:-10px; color:#fff; background:#ff9600 url(../images/probg.png);}
.productcon dl dd.on{ z-index:10;}
.productcon dl .more { cursor:pointer; background:#034c93 url(../images/morebg2.gif) center 120px no-repeat;letter-spacing:0.25em; color:#ff9600;}

.partner{ height:400px; background-image:url(../images/partnerbg.jpg);}
.partner dl{ width:1000px; margin:0px auto; line-height:100px;}
.partner dl dd{ float:left; width:100px; height:100px; text-align:center; font-size:20px; font-weight:bold;}
.partner dl dd img{ display:block;}
.partner dl .more{letter-spacing:0.2em; text-decoration:none; color:#fff; background: #ff9600 url(../images/morebg3.gif) center 68px no-repeat; display:block;}

.contactcon{ background-color:#222222; padding:39px 0px 50px 0px;}
.contactcon dl{ width:1000px; margin:0px auto; color:#fff;}
.contactcon dl .message{ width:580px; float:left; text-align:center; font-weight:bold;}
.contactcon dl .message h2{ line-height:51px; font-size:40px;letter-spacing:0.2em;}
.contactcon dl .message li{ font-size:14px; padding-top:9px; line-height:30px; position:relative;}
.contactcon dl .message li .input{ color:#fff; padding-left:10px; width:566px; height:26px; line-height:26px; border:2px solid #fff; background:transparent;}
.contactcon dl .message li .btn{ border:2px solid #fff; color:#fff; padding-top:15px;letter-spacing:0.1em; cursor:pointer; width:96px; height:76px; background: transparent url(../images/btnarr.gif) center 10px no-repeat; font-size:18px; font-weight:bold;}
.contactcon dl .message li label{ position:absolute; width:100%;}
.contactcon dl .lxwm{ width:356px; float:right;}
.contactcon dl .lxwm .tit{ line-height:51px; font-size:40px;}
.contactcon dl .lxwm .tit span{ display:inline-block; background:url(../images/titicon.png) right center no-repeat; padding-right:40px;letter-spacing:0.2em;}
.contactcon dl .lxwm .txt1{ background:url(../images/line_lx.gif) 0px 9px no-repeat; padding:27px 0px 13px 0px; font-size:14px; line-height:22px;}
.contactcon dl .lxwm .phone{ font-weight:bold;letter-spacing:0.2em; line-height:32px; padding-bottom:61px; font-size:36px; background:url(../images/titicon2.png) 0px bottom no-repeat;}
.contactcon dl .lxwm .phone span{ display:block; background:url(../images/telicon.png) 0px center no-repeat; line-height:28px; padding-left:28px; font-size:20px;}

.bansub img{ width:100%;}
.mainsub{ width:1000px; margin:0px auto; height:auto !important; height:300px; min-height:300px; padding-bottom:50px;}
.leftmenu{ width:243px; float:left; margin-top:-26px; position:relative;}
.leftmenu .title{ text-align:center; color:#fff; text-transform:uppercase; font-size:30px; line-height:91px; background: #034c93 url(../images/titicons.png) center center no-repeat;}
.leftmenu .menu{ border:1px solid #cecece; border-top:0px; margin-bottom:20px;}
.leftmenu .menu li{ border-top: 1px solid #cecece; line-height:48px;}
.leftmenu .menu li a{ display:block; height:48px; padding-left:50px; font-size:14px; text-decoration:none; color:#666; font-weight:bold;transition:all 0.2s linear; -webkit-transition:all 0.2s linear;}
.leftmenu .menu li a:hover,.leftmenu .menu li a.current{ background-color:#ff9600; color:#fff;}

.rcontent{ width:721px; float:right;}
.position{ padding-top:22px; height:43px; line-height:43px; border-bottom:2px solid #cecece; font-size:24px; color:#333333;}
.position .submenu{ float:right; padding:5px 4px 0px 0px; text-align:right;}
.position .submenu a{ display:inline-block; text-align:center; color:#fff; background-color:#cecece; width:95px; line-height:33px; font-size:16px; font-weight:bold; margin-left:5px;}
.position .submenu a:hover,.position .submenu a.current{ background-color:#ff9600;}

.content{ font-size:14px; padding-top:30px;}
.lxwm_box{ margin:0px 7px 19px 7px; background:url(../images/pointb.gif) 0px bottom no-repeat; padding-bottom:4px;}
.lxwm_box .con{background:url(../images/pointt.gif) 0px top no-repeat; padding-top:4px;}
.lxwm_box .con .tit{ text-transform:uppercase; border:1px solid #cccccc; border-top:0px; font-size:14px; font-weight:bold; line-height:36px; padding-left:11px;}
.lxwm_box .con .txt{ border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding:15px 11px 15px 11px; line-height:40px;}
.lxwm_box .con .txt .add{ background:url(../images/addicon.gif) 0px center no-repeat; padding-left:24px;}
.lxwm_box .con .txt .tel{ background:url(../images/telicon.gif) 0px center no-repeat; padding-left:24px;}
.lxwm_box .con .txt .fax{ background:url(../images/faxicon.gif) 0px center no-repeat; padding-left:24px;}

.hr_box{ margin:0px 7px 19px 7px; background:url(../images/pointb.gif) 0px bottom no-repeat; padding-bottom:4px;}
.hr_box .con{ position:relative;background:url(../images/pointt.gif) 0px top no-repeat; padding-top:4px;}
.hr_box .con .tit{ border:1px solid #cccccc; border-top:0px; font-size:16px; color:#333333; font-weight:bold; line-height:36px; padding:0px 15px;}
.hr_box .con .tit span{ float:right; font-size:12px; font-weight:normal; color:#666666;}
.hr_box .con .txt{ border-left:1px solid #cccccc; border-right:1px solid #cccccc; padding:7px 0px 7px 15px; line-height:40px; line-height:32px;}
.hr_box .con .txt li{ height:32px; font-size:14px; width:312px; float:left;}
.hr_box .con .txt li span{ display:inline-block; width:79px; color:#afafaf;}
.hr_box .con a.more{ position:absolute; right:16px; bottom:8px; text-align:center; font-size:12px; width:85px; line-height:26px; color:#666666; border:2px solid #666666;}

.hrtitle{ text-align:center; border-bottom:1px solid #cccccc; line-height:35px;}
.hrtitle h2{ line-height:25px; padding-top:49px; color:#333333; font-size:20px;}
.hrtab{ margin:27px 0px 17px 0px;}
.hrtab td{ padding:11px 0px 11px 0px; font-size:14px; line-height:24px;}
.hrtab .ftxt{ padding:11px 0px 11px 34px;}
.appbtn{ padding-bottom:29px; border-bottom:1px solid #cccccc;}
.appbtn a{ display:block; text-align:center; border:1px solid #dddddd; cursor:pointer; text-decoration:none; background-color:#ff9600; color:#fff; font-size:16px; width:169px; line-height:40px; margin:0px auto;}
.hrinfo{ border-bottom:1px solid #cccccc; padding:11px 0px; font-size:14px;}
.hrinfo .tit{ font-size:16px; line-height:48px;}
.hrform .title{ text-align:center; line-height:74px; font-size:16px; padding-top:13px;}
.hrform li{ padding-top:17px; float:left; width:360px; font-size:14px; line-height:33px;}
.hrform li .ftxt{ display:inline-block; text-align:right; width:132px; padding-right:5px;}
.hrform li .input{ height:31px; line-height:31px; padding-left:10px; width:204px; border:1px solid #e0e3e4;}
.hrform li .input2{ height:155px; vertical-align:top; line-height:31px; padding-left:10px; width:564px; border:1px solid #e0e3e4;}
.hrform li .btn{ border:0px; color:#fff; cursor:pointer; width:114px; height:38px; background: #ff9600; font-size:14px;}
.hrform .ver{ position:relative;}
.hrform a.txt{ position:absolute; font-size:12px; color:#bdbdbd; text-decoration:underline; left:140px; top:50px;}
.hrform a:hover.txt{ text-decoration:none;color:#044687;}

.message{ margin-top:13px; color:#666;}
.message li{ padding-top:17px; line-height:33px; font-size:14px;}
.message li .ftxt{ display:inline-block; text-align:right; width:126px; padding-right:2px;}
.message li .input{ border:1px solid #e0e3e4; height:31px; line-height:31px; width:338px; padding-left:10px;}
.message li .input2{ vertical-align:top; border:1px solid #e0e3e4; height:174px; line-height:31px; width:478px; padding-left:10px;}
.message li .btn{ border:0px; width:114px; height:38px; color:#fff; font-size:14px; background-color:#ff9600; cursor:pointer;}

.searchbox{ margin-bottom:13px; background-image:url(../images/searchbg.gif); height:30px; padding-left:10px; width:233px;}
.searchbox .input{ font-size:12px; color:#adadad; width:193px; height:30px; line-height:30px; background:transparent; border:0px;}
.searchbox .btn{ border:0px; background:transparent; cursor:pointer; width:31px; height:30px;}

.newslist { margin-bottom:50px;}
.newslist .frist{ margin:24px 0px 19px 0px; border:1px solid #c1c1c1; padding:4px 8px 4px 4px; height:213px;}
.newslist .frist .img{ float:left; margin-right:23px; display:inline;}
.newslist .frist h2{ padding-top:5px; line-height:54px; font-size:14px;}
.newslist .frist h2 span{ float:right; font-weight:normal; font-size:12px; color:#afafaf;}
.newslist .frist h2 a{ color:#666666;}.newslist .frist h2 a:hover{ color:#044687;}
.newslist .frist a.more{ color:#666666; float:right; margin-top:3px; color:#000000; text-align:center; border:2px solid #333333; width:77px; line-height:23px;}
.newslist li{ color:#afafaf; background:url(../images/linebg.gif) 0px bottom repeat-x; line-height:40px; height:49px; padding-right:31px;}
.newslist li a{ font-size:14px; color:#666666; background:url(../images/dot.gif) 2px center no-repeat; padding-left:10px;}
.newslist li a:hover{color:#044687;}
.newslist a.down{ font-size:12px;color:#fff; padding-left:26px; width:60px; display:block; margin:8px -12px 0px 0px; float:right; line-height:25px; background:url(../images/downbg.gif) 0px top no-repeat;}
.newslist a:hover.down{background:url(../images/downbg.gif) 0px bottom no-repeat; color:#fff;}
.newslist a.down2{color:#fff; padding-left:26px; width:60px; display:block; float:right; margin-right:10px; line-height:25px; background:url(../images/downbg.gif) 0px bottom no-repeat;}

.produculist{ width:747px; margin:32px 0px 0px -26px; padding-bottom:33px;}
.produculist li{ border:2px solid #cecece; width:343px; height:257px; float:left; margin:0px 0px 37px 26px; display:inline; position:relative;}
.produculist li h2{ text-align:center; font-family:Georgia, "Times New Roman", Times, serif; background:url(../images/linebg2.gif) center bottom no-repeat; line-height:50px; padding-top:7px; margin-bottom:16px; font-size:16px; color:#333333;}
.produculist li dd{ line-height:36px; background:url(../images/dot2.gif) 0px center no-repeat; padding-left:10px; margin:0px 13px;}
.produculist li dd a{ color:#666666;}
.produculist li dd a:hover{ color:#034c93;}
.produculist li a.more{ display:block; text-align:center; bottom:-12px; left:131px; position:absolute; color:#000000; font-size:14px; letter-spacing:0.1em; border:2px solid #333333; background-color:#fff; width:77px; line-height:23px; font-weight:bold;}

.produculist2 { margin:19px 0px 50px 0px;}
.produculist2 li{ color:#afafaf; background:url(../images/linebg.gif) 0px bottom repeat-x; line-height:48px; height:49px; padding-right:31px;}
.produculist2 li a{ color:#666666; background:url(../images/dot.gif) 2px center no-repeat; padding-left:10px;}
.produculist2 li a:hover{color:#044687;}

.proinfo{ font-size:12px; line-height:32px; padding:0px 17px;}
.proinfo .f14{ font-size:14px;}

.prothead{ border-top: 1px solid #dddddd; margin-top:20px; padding:27px 0px 12px 0px; line-height:30px; font-size:14px; font-weight:bold;}
.prothead .btn{ background: transparent url(../images/btnbg.gif); width:50px; height:30px; cursor:pointer; border:0px; color:#fff; font-size:14px;}

.selectbox {width: 112px; display:inline-block;*display:inline; zoom:1;height: 28px;border: 1px solid #dddddd; background: #fff url(../images/arrow_select.gif) right center no-repeat;position: relative;cursor:pointer; vertical-align:middle; margin-right:10px;}
.selectbox:hover { border:1px solid #666666;}
.selectbox:hover input{color: #666666;}
.selectbox input {display: block;width: 100%;height: 28px; color:#cccccc;line-height: 28px;border: 0;outline: 0;background: transparent;cursor:pointer; font-size:12px;text-indent: 15px;}
.selectbox ul {width: 100%;display: none;position: absolute;left: -1px;top: -1px;overflow: hidden;background-color: #fff;max-height: 150px;overflow-y: auto;border: 1px solid #666666;z-index:9999; color:#666;}
.selectbox ul li {line-height: 26px;overflow: hidden;padding: 0 15px;cursor: pointer; font-size:12px;}
.selectbox ul li.on {background-color: #b1d8eb;}

.protab th{line-height:18px; font-size:14px; padding:14px 4px 14px 4px;}
.protab td{ padding:8px 2px 7px 2px;}
.protab a.yes{ color:#fff; width:60px; text-decoration:none; line-height:20px; display:inline-block; background-image:url(../images/yes.gif);}
.protab .no{ color:#b0b0b0;}
.protab .num{ padding-left:11px;}
.protab .num span{ display:inline-block; vertical-align:middle; margin-right:7px;}


.pagefy{ text-align:right; clear:both; line-height:28px;}
.pagefy a{ display:inline-block; text-align:center; margin-left:10px; width:28px; height:28px; border:1px solid #c8c8c8; background-color:#f4f4f4;}
.pagefy a:hover,.pagefy a.current{ color:#fff; text-decoration:none; background-color:#034c93;}
.pagefy a.fy{ color:#666666; width:72px;}.pagefy a:hover.fy{ color:#fff;}

.titleinfo{ text-align:center; color:#afafaf; line-height:27px;}
.titleinfo h2{ font-size:18px; line-height:35px; padding-top:27px; color:#034c93;}

.prevn{ position:relative; clear:both; margin-top:35px; border-top:1px solid #cecece; background-color:#eaeaea; height:43px; line-height:43px; padding:0px 11px; font-size:14px;}
.prevn a{ color:#666;}.prevn a:hover{ color:#044687;}
.prevn a.back{ position:absolute; display:block; font-size:16px; padding-left:28px; background:url(../images/back.gif) 0px center no-repeat; left:48%; top:0px; font-weight:bold; color:#666; text-decoration:none;}


/* ----- footer ----- */
#footer{ clear:both; height:50px; line-height:50px; background-color:#000000; color:#999999;}
#footer dl{ width:1000px; margin:0px auto;}